<template>
  <dynamicComponent></dynamicComponent>
  <div class="app">
    <h1>Welcome to Vue.js App</h1>
  </div>
</template>

<script>
import uploadFrom from './plugins/extend/MigrateExtend';
import dynamicComponent from '@/components/dynamic-component/index.vue';
export default {
  name: 'App',
  components: {
    dynamicComponent
  },
  data(){
    return {
      visible: false
    }
  },
  methods:{
    changeVisible: function() {
      this.$uploadFrom(this.visible);
    },
    showPiniaProperties(){
      const store = useStore();
      store.printUserInfo();
    },
    changeStore1(){
      const store = useStore();
      store.changeUserInfo({
        name: 'yyw2',
        age: 20,
        email: 'yyw2@163.com'
      });
    },
    changeStore2(){
      const store = useStore();
      store.changeUserInfo({
        name: 'yyw3',
        age: 30,
        email: 'yyw3@163.com'
      });
    }
  },
  mounted(){
    this.$message('App mounted');
    console.log(import.meta.env);
    console.log(import.meta.env.MODE);
    //setTimeout("window.location.reload()", 1000)
  }
}
</script>

<style scoped>

</style>
